/* CSS Document */

* { 
   margin:0; 
   padding:0; 
   border:0;
   outline:0;
   letter-spacing:normal;
  word-spacing:normal;
}

body {
     font-family:'Microsoft YaHei','Adobe Song Std',Arial;
     font-size:12px;
     color:#666;
	 width:100%;
	 min-width:1240px;
}
a {
    color:#666;
    text-decoration:none;
}
    a:hover {
        color:#333;
    }
ul, li {
    list-style:none;
}
a, div, span, ul, li {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.clear {
    clear:both;
}
header {
    position:relative;
    width:100%;
    height:95px;
    border-top:5px solid #5a0f02;
    z-index:100;
}
    header .head-bg {
		position:relative;
        width:1200px;
        padding:0 20px;
        margin:auto;
    }
    header a.head-logo {
		display:block;
		width:430px;
		height:95px;
		background:url(../images/logo.png) no-repeat;
    }
    header .head-phone {
		position:absolute;
		right:20px;
		top:12px;
		height:24px;
		padding-left:115px;
		line-height:24px;
		font-size:18px;
		color:#5a0f02;
		background:url(../images/phone_bg.png) no-repeat;
    }
    header .head-nav {
		position:absolute;
		right:20px;
		bottom:20px;
    }
        header .head-nav a {
			display:inline-block;
			font-size:14px;
			padding:3px 0px;
			margin-left:30px;
			border-bottom:2px solid #fff;
        }
		header .head-nav a:hover{
			border-bottom:2px solid #5a0f02;
			}
        header .head-nav .nav-dropdown {
            display:inline-block;
            position:relative;
        }
            header .head-nav .nav-dropdown .sec-nav {
                position:absolute;
                top:27px;
                left:20px;
				width:75px;
                height:0;
                opacity:0;
                background:#fff;
                overflow:hidden;
                box-shadow:1px 2px 3px #999;
                border-radius:5px;
				padding:0 10px;
				text-align:center;
            }
                header .head-nav .nav-dropdown .sec-nav a {
					display:block;
                    position:relative;
                    top:10px;
                    font-size:12px;
                    color:#999;
					padding:5px 0;
					margin-left:0;
                }
            header .head-nav .nav-dropdown:hover .sec-nav1 {
                height:212px;
            }
            header .head-nav .nav-dropdown:hover .sec-nav2 {
                height:156px;
            }
            header .head-nav .nav-dropdown:hover .sec-nav {
                
                opacity:1;
            }
                header .head-nav .nav-dropdown .sec-nav a:hover {
                    color:#666;
                }
footer{
	position:relative;
	background:#efefef;
	height:310px;
	margin-top:50px;
	clear:both;
	z-index:20;
	}
.foot-bg{
	position:relative;
	padding-top:100px;
	width:1200px;
	height:120px;
	margin:auto;
	}
.foot-bg .mark{
	position:absolute;
	width:139px;
	height:100px;
	top:-30px;
	left:50%;
	margin-left:-70px;
	background:url(../images/icon_mark.png) no-repeat;
	}
.foot-bg .foot-left{
	float:left;
	width:50%;
	}
	.foot-bg .foot-left .foot-nav{
		font:14px;
		margin-bottom:12px;
		color:#999;
		}
		.foot-bg .foot-left .foot-nav a{
			margin-right:5px;
			font-size:14px;
			}
	.foot-bg .foot-left .brand{
		height:40px;
		margin-bottom:8px;
		}
		.foot-bg .foot-left .brand div
		{
			color:#999;
			float:left;
			width:50px;
			height:40px;
			margin-right:15px;
			}
		.foot-bg .foot-left .brand .brand-title1{
			width:90px;
			line-height:40px;
			}
        .foot-bg .foot-left .brand .brand-title2{
			width:50px;
			line-height:40px;
			}
			.foot-bg .foot-left .brand .icon-qing {
				background:url(../images/icon_qing.jpg) no-repeat;
				}
			.foot-bg .foot-left .brand .icon-ba1 {
				background:url(../images/icon_ba1.jpg) no-repeat;
				}
			.foot-bg .foot-left .brand .icon-ba2 {
				background:url(../images/icon_ba2.jpg) no-repeat;
                margin-right:30px;
				}
            .foot-bg .foot-left .brand .icon-di {
				background:url(../images/icon_di.png) no-repeat;
				}
            .foot-bg .foot-left .brand .icon-hao {
				background:url(../images/icon_hao.png) no-repeat;
				}
            .foot-bg .foot-left .brand .icon-wangjian {
				background:url(../images/icon_wangjian.png) no-repeat;
				}
			.foot-bg .foot-left .brand .icon-wangjian a {
				display:block;
				width:100%;
				height:100%;
				}
	.foot-bg .foot-left .links{
		margin-bottom:5px;
		}
	.foot-bg .foot-left .links a{
		margin-right:10px;
		color:#999;
		}
	.foot-bg .foot-left .links a:hover{
		color:#666;
		}
	.foot-bg .foot-left .copyright{
		clear:both;
		color:#999;
		}
.foot-bg .foot-right{
	width:50%;
	margin-left:50%;
	text-align:right;
	}
.foot-bg .foot-right .code{
	float:right;
	margin-left:15px;
	}
.foot-bg .foot-right .foot-contact{	
	margin-right:165px;
	}
    .foot-bg .foot-right .foot-contact .social{
		
		}
		.foot-bg .foot-right .foot-contact .social a {
			display:inline-block;
			width:40px;
			height:40px;
			margin-left:20px;
		}
		.foot-bg .foot-right .foot-contact .social a.icon-weibo {
			background:url(../images/icon_weibo.png) no-repeat;
			}
		.foot-bg .foot-right .foot-contact .social a.icon-qq { 
			background:url(../images/icon_qq.png) no-repeat;
			}
		.foot-bg .foot-right .foot-contact .social a.icon-weixin {
			background:url(../images/icon_weixin.png) no-repeat;
			}
.foot-bg .foot-right .foot-contact .foot-phone {
	    color:#999;
	}
	.foot-bg .foot-right .foot-contact .foot-phone span{
		    font-size:18px;
			margin-left:10px;
			color:#555;
		}
.foot-bg .foot-right .foot-contact .foot-adress{
	    color:#999;
		line-height:14px;
	}
	.foot-bg .foot-right .foot-contact .foot-adress span{
		    font-size:14px;
			color:#555;
			line-height:20px;
		}
.breadnav-bg {
    width:100%;
    clear:both;
    padding:10px;
    border-top:1px solid #dcdcdc;
    line-height:24px;
    margin-bottom:-10px;
}
.breadnav {
    width:1200px;
    margin:auto;
}
    .breadnav span {
        color:#333;
        margin:0 5px;
    }
    .breadnav a {
        margin:0 5px;
        color:#999;
    }
        .breadnav a:hover {
            color:#333;
        }
.page {
	text-align:right;
	}
    .page a ,
	.page span{
		display:inline-block;
		width:30px;
		height:30px;
		border:1px solid #dcdcdc;
		border-radius:3px;
		line-height:30px;
		text-align:center;
		margin-left:10px;
		}
	.page .cpb{color:#fff;}
	.page a:hover,
	.page a.current,
	.page span{
		color:#fff;
		background:#5a0f02;
		border-color:#5a0f02;
		}

#banner-large{
	    position:relative;
	    width:100%;
        min-width:1240px;
		height:500px;
		text-align:center;
		overflow:hidden;
		z-index:15;
		box-shadow:0 3px 3px #666;
	}
#banner-large img{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	}
#banner-large .banner-slideshow {
        width: 100%;
        height: 100%;
    }
#banner-middle{
	    position:relative;
	    width:100%;
        min-width:1240px;
		height:300px;
		text-align:center;
		overflow:hidden;
		box-shadow:0 3px 3px #666;
	}
#banner-middle img{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-960px;
	}
	
#main{
	position:relative;
	width:1200px;
	margin:auto;
	}
.index-main {
	    padding:20px 0;
	}
#banner-large.home-banner {
    z-index:1;
	box-shadow:0 0 0;
}
.home-box {
	    position:relative;
		padding:20px 40px 0;
		background:#fff;
		border-radius:10px;
		top:-50px;
		height:220px;
		z-index:15;
        box-shadow:0 -3px 6px #ccc;
	}
.home-box .title{
	position:relative;
	font-size:16px;
	margin-bottom:15px;
	color:#5a0f02;
	}
	.home-box .title span{
		font-size:14px;
		color:#666;
		margin-left:5px;
		border-left:1px solid #666;
		padding-left:5px;
		}
		.home-box .title a.more{
			display:block;
			position:absolute;
			width:40px;
			height:30px;
			padding-left:58px;
			right:0;
			top:0px;
			font-size:14px;
			line-height:30px;
			font-weight:normal;
			background:url(../images/more_bg.png) no-repeat;
			color:#5a0f02; 
			}
.home-box .news{
	float:left;
	width:540px;
	}
	.home-box .news .headline {
		position:relative;
		margin:25px 0 20px;
		width:100%;
		padding-right:20px;
		}
	.home-box .news .headline span{
		position:relative;
		top:-15px;
		right:0;
		color:#ae3a38;
		font-size:10px;
		font-weight:bold;
		}
	.home-box .news .headline a{
		max-width:495px;
		display:inline-block;
		font-size:18px;
		white-space:nowrap;
	    text-overflow:ellipsis;
		overflow:hidden;
		}
	.home-box .news .hedaline-pic {
		float:left;
		width:200px;
		height:120px;
		}
	.home-box .news .hedaline-pic img{
		width:200px;
		height:120px;
		}
	.home-box .news ul{
		margin-left:215px;
		line-height:24px;
		font-size:12px;
		padding-left:15px;
		background:url(../images/ul_bg.png) no-repeat;
		background-position:0 2px;
		}
	.home-box .news ul li{
		white-space:nowrap;
	    text-overflow:ellipsis;
        list-style:disc;
        color:#ae3a38;
		overflow:hidden;
		}
	.home-box .news ul li a{
		color:#666;
		}
	.home-box .news ul li a:hover{
		color:#ae3a38;
		}
.home-box .recommend{
	width:540px;
	margin-left:560px;
	padding-left:20px;
	border-left:1px solid #ededed;
	}
	.home-box .recommend ul{
		height:180px;
		}
	.home-box .recommend ul li{
		float:left;
		height:190px;
		width:120px;
		margin-left:10px;
        border:1px double #fff;
		border-radius:3px;
		overflow:hidden;
		text-align:center;
		}
		.home-box .recommend ul li a{
			display:block;
			}
		.home-box .recommend ul li a div{
			white-space:nowrap;
	        text-overflow:ellipsis;
		    overflow:hidden;
			padding:0 5px;
			}
        .home-box .recommend ul li:hover {
            border:1px double #999;
        }
            .home-box .recommend ul li:hover a {
                color:#5a0f02;
            }
        .home-box .recommend ul li img {
            width:120px;
            height:165px;
        }
.home-quickjump {
	padding:0 20px;
	clear:both;
	margin:10px 0 30px;
	}
.home-quickjump .homeline{
	width:1160px;
	height:30px;
	background:url(../images/homeline.png) no-repeat;
	margin-bottom:40px;
	}
.home-quickjump a{
	width:242px;
	height:260px;
	display:inline-block;
	margin-right:60px;
	text-align:center;
	}
.home-quickjump a:last-child {
	margin:0;
	}
	.home-quickjump a div{
		margin-bottom:10px;
		font-size:14px;
		color:#666;
		}
	.home-quickjump a div span{
		font-size:12px;
		color:#999;
		}
.home-quickjump .jump1{
	width:242px;
	height:234px;
	background:url(../images/home_pic1.png) no-repeat;
	}
.home-quickjump .jump1:hover{
	background:url(../images/home_pich1.png) no-repeat;
	}
.home-quickjump .jump2{
	width:242px;
	height:234px;
	background:url(../images/home_pic2.png) no-repeat;
	}
.home-quickjump .jump2:hover{
	background:url(../images/home_pich2.png) no-repeat;
	}
.home-quickjump .jump3{
	width:242px;
	height:234px;
	background:url(../images/home_pic3.png) no-repeat;
	}
.home-quickjump .jump3:hover{
	background:url(../images/home_pich3.png) no-repeat;
	}
.home-quickjump .jump4{
	width:242px;
	height:234px;
	background:url(../images/home_pic4.png) no-repeat;
	}
.home-quickjump .jump4:hover{
	background:url(../images/home_pich4.png) no-repeat;
	}
.museum-banner {
	width:242px;
	height:234px;
    box-shadow:0 3px 3px #666;
    z-index:2;
}
.museum-main {
    width:100% !important;
}
    .museum-main .museum-history {
        position:relative;
        width:100%;
        min-width:1240px;
        height:2300px;
        background:#f1ede4;
        box-shadow:0 3px 3px #666;
        z-index:1;
    }
        .museum-main .museum-history .h-arrow {
            width:134px;
            height:50px;
            margin:0 auto 30px;
            background:url(../images/h_arrow.png) no-repeat;
        }
        .museum-main .museum-history .h-title {
			position:relative;
            width:1160px;
            height:500px;
            margin:0 auto 40px;
            background:url(../images/h_title.png) no-repeat;
			z-index:10;
        }
        .museum-main .museum-history .h-text {
            width:480px;
            height:180px;
            margin:0 auto 80px; 
        }
            .museum-main .museum-history .h-text p {
                float:right;
                width:1em;
                letter-spacing:1em;
                word-wrap:break-word;
                line-height:13px;
                margin-left:12px;
            }
        .museum-main .museum-history .h-block {
            position:relative;
            width:600px;
            height:340px;
            margin:0 auto 80px;
			z-index:10;
        }
            .museum-main .museum-history .h-block > div {
                position:absolute;
            }
            .museum-main .museum-history .h-block > a {
                position:absolute;
                display:block;
                width:24px;
                height:24px;
                background:url(../images/h_play.png) no-repeat;
            }
        .museum-main .museum-history .h-block p{
                float:right;
                width:1em;
                letter-spacing:1em;
                word-wrap:break-word;
                line-height:13px;
                margin-left:10px;
                border-left:1px solid #666;
        }
            .museum-main .museum-history .h-block.h1 {
                background:url(../images/h_h1.png) no-repeat;
            }
            .museum-main .museum-history .h-block.h2 {
                background:url(../images/h_h2.png) no-repeat;
            }
            .museum-main .museum-history .h-block.h3 {
                background:url(../images/h_h3.png) no-repeat;
            }
            .museum-main .museum-history .h-block.h4 {
                background:url(../images/h_h4.png) no-repeat;
            }
            .museum-main .museum-history .h-block.h1 div {
                top:115px;
                right:145px;
            }
            .museum-main .museum-history .h-block.h2 div {
                top:110px;
                left:100px;
            }
            .museum-main .museum-history .h-block.h3 div {
                top:110px;
                right:100px;
            }
            .museum-main .museum-history .h-block.h4 div {
                top:100px;
                left:40px;
            }
            .museum-main .museum-history .h-block.h1 a {
                top:298px;
                right:96px;
            }
            .museum-main .museum-history .h-block.h2 a {
                top:293px;
                left:187px;
            }
            .museum-main .museum-history .h-block.h3 a {
                top:296px;
                right:50px;
            }
            .museum-main .museum-history .h-block.h4 a {
                top:284px;
                left:174px;
            }
	.h-bg1{
		position:absolute;
		top:300px;
		right:100px;
		width:849px;
		height:534px;
		background:url(../images/h_bg1.png) no-repeat;
		}
	.h-bg2{
		position:absolute;
		top:870px;
		left:0;
		width:892px;
		height:766px;
		background:url(../images/h_bg2.png) no-repeat;
		}
	.h-bg3{
		position:absolute;
		bottom:0;
		right:0;
		width:771px;
		height:701px;
		background:url(../images/h_bg3.png) no-repeat;
		}
    .museum-main .qxy-introduces{
		width:960px;
		margin:25px auto 100px;
		}
		.museum-main .qxy-introduces .title{
			width:570px;
            height:32px;
            margin:0 auto 20px;
            background:url(../images/in_title.png) no-repeat;
			}
		.museum-main .qxy-introduces p{
			color:#fff;
			line-height:24px;
			text-indent:2em;
			}
    .museum-main .museum-gallery {
        position:relative;
        width:100%;
        min-width:1240px;
        background:#716e67;
        padding-bottom:50px;
        margin-bottom:-50px;
    }
        .museum-main .museum-gallery .g-arrow {
            width:134px;
            height:45px;
            margin:0 auto 70px;
            background:url(../images/g_arrow.png) no-repeat;
        }
        .museum-main .museum-gallery .g-title {
            width:150px;
            height:32px;
            margin:0 auto 30px;
            background:url(../images/g_title.png) no-repeat;
        }
        .museum-main .museum-gallery .gallery {
            position:relative;
            margin:auto;
            overflow-x: hidden;
            text-align: center;
        }
            .museum-main .museum-gallery .gallery .gallery-pic {
                -webkit-filter: grayscale(100%); 
                -moz-filter: grayscale(100%); 
                -ms-filter: grayscale(100%); 
                -o-filter: grayscale(100%); 
                filter: grayscale(100%); 
            }
                .museum-main .museum-gallery .gallery .gallery-pic:hover {
                    -webkit-filter:none;
                    -moz-filter:none;
                    -ms-filter:none;
                    -o-filter:none;
                    filter:none;
                }
.museum-main .museum-gallery .gallery .grid-wrapper {
  margin: 0 auto;
  position: relative; }

.museum-main .museum-gallery .gallery .grid-item {
  display: block;
  cursor: pointer;
  position: absolute;
  margin: 0 auto; }
 .museum-main .museum-gallery .gallery .grid-item img {
    display: block;
    height: auto;
    width: 100%; }

.about-main {
    width:1160px!important;
    padding:20px;
}
.sidebar{
	position:relative;
	width:250px;
	float:left;
	}
	.sidebar ul.side-nav {
        margin-bottom:60px;
	}
	.sidebar ul.side-nav li {
		width:250px;
		height:60px;
		margin-bottom:10px;
        border-radius:3px;
        overflow:hidden;
	}
        .sidebar ul.side-nav li:hover {
            background:#efefef;
        }
	.sidebar ul.side-nav li a {
		display:block;
		width:250px;
		height:50px;
		padding-left:30px;
		padding-top:10px;
		}
	.sidebar ul.side-nav li.current{
		background:#5a0f02 url(../images/sidebar_bg.png) no-repeat;
		}
	.sidebar ul.side-nav li.current a{
		color:#fff;
	}
    .sidebar .side-news {
        border:1px solid #dcdcdc;
        padding:10px 15px;
    }
        .sidebar .side-news .title {
            position:relative;
            color:#ae3a38;
            font-size:14px;
            padding-bottom:6px;
            border-bottom:1px solid #dcdcdc;
            margin-bottom:7px;
            font-weight:bold;
        }
            .sidebar .side-news .title a.more {
                position:absolute;
                right:0;
                color:#999;
                font-size:12px;
                font-weight:normal;
            }
            .sidebar .side-news ul li {
                line-height:24px;
                white-space:nowrap;
	            text-overflow:ellipsis;
		        overflow:hidden;
            }
.about-sidebar ul.side-nav li a span{
	font-size:18px;
	font-weight:bold;
}

.about-miantext {
    margin-left:280px;
    margin-bottom:30px;
    padding:0px 20px;
    width:860px;
    min-height:1000px;
}
    .about-miantext .about-title {
        font-size:14px;
        color:#666;
        border-bottom:2px dashed #dcdcdc;
        padding:10px;
        margin-bottom:10px;
    }
        .about-miantext .about-title span {
            font-size:24px;
            color:#333;
            margin-right:5px;
        }
    .about-miantext .text-box {
        font-size:14px;
        line-height:24px;
        color:#666;
        text-indent:2em;
    }
        .about-miantext .text-box p {
            margin:20px 0;
        }

.share-box {
    position:absolute;
    top:-2px;
    right:0;
}

.news-list{
	padding:10px 0;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:10px;
	}
.news-list li {
	height:90px;
	padding:10px;
	margin-bottom:10px;
	}
	.news-list li:hover{
		background:#efefef;
		}
	.news-list li .pic {
		float:left;
		width:160px;
		height:90px;
		}
	.news-list li .info {
		margin-left:160px;
		padding:0 10px 0 20px;
		height:80px;
		}
	    .news-list li .info .title {
			font-size:16px;
			margin-bottom:10px;
			white-space:nowrap;
	        text-overflow:ellipsis;
		    overflow:hidden;

			}
			.news-list li .info .title a {
				color:#5a0f02;
				}
		.news-list li .info .text {
			color:#999;
			margin-bottom:5px;
			height:32px;
			overflow:hidden;
			}
		.news-list li .info .other {
			position:relative;
			}
			.news-list li .info .other .author{
				font-weight:bold;
				margin-right:15px;
				}
			.news-list li .info .other .time{
				font-weight:bold;
				color:#333;
				margin-left:5px;
				}
			.news-list li .info .other .date{
				position:absolute;
				right:0;
				color:#999;
				}
			.news-list li:hover .info {
				background:#efefef;
				}
.news-detail{
	
	}
    .news-detail .other{
        position:relative;
		margin:10px 0;
        padding-left:10px;
	    }
	.news-detail .other .author{
		font-weight:bold;
		margin-right:15px;
		}
	.news-detail .other .time{
		font-weight:bold;
	    color:#333;
		margin-left:5px;
		}
	.news-detail .other .date{
		margin-left:20px;
		color:#999;
		}
	.news-detail .text{
		padding:20px 30px;
		border-bottom:1px solid #dcdcdc;
        text-indent:2em;
		}
	    .news-detail .text p{
			font-size:14px;
			line-height:24px;
			margin:10px 0;
			}
		.news-detail .text img{
			margin:10px 0;
			}
	
.culture-list {
    padding-top:10px;
}
    .culture-list .culture-block {
        font-size:14px;
        text-align:center;
        line-height:40px;
        margin:40px 0 80px;
    }
        .culture-list .culture-block .culture-name {
            font-size:16px;
            font-weight:bold;   
            color:#5a0f02;
        }
        .culture-list .culture-block .culture-slogan {
            font-size:24px;
            color:#333;
        }

.honor-list {
    padding-top:10px;
}
    .honor-list .history {
        padding-left:20px;
        font-size:16px;
        line-height:36px;
        padding-bottom:20px;
        border-bottom:1px solid #dcdcdc;
        margin-bottom:30px;
        color:#333;
    }
    .honor-list .honorpic-list {

    }
        .honor-list .honorpic-list li {
            float:left;
            text-align:center;
            width:260px;
            margin:0 10px 30px;
            font-size:14px;
            line-height:24px;
        }
            .honor-list .honorpic-list li img {
                width:260px;
                height:170px;
                box-shadow:1px 2px 3px #999;
            }


.video-list{
	padding-top:20px;
	}
.video-list li{
    display:inline-block;
	width:260px;
	height:200px;
	margin:0 12px 30px 12px;
	}
	.video-list li .pic{
        position:relative;
		width:260px;
		height:160px;
        margin-bottom:5px;
		}
        .video-list li .pic img {
            width:260px;
            height:160px;
        }
        .video-list li .pic .video-bg {
            position:absolute;
            top:0;
            left:0;
            width:260px;
            height:160px;
            z-index:10;
            display:none;
            background:url(../images/video_bg.png) no-repeat;
        }
        .video-list li .pic:hover .video-bg{
            display:block;
        }
	.video-list li .info{
		position:relative;
        line-height:24px;
		}
	.video-list li .info a.title {
		display:inline-block;
		width:200px;
        white-space:nowrap;
	    text-overflow:ellipsis;
        overflow:hidden;
        font-size:16px;
	    }
        .video-list li .info .time {
            position:absolute;
            right:0;
            top:0;
        }
            .video-list li .info .time span {
                margin-left:5px;
                color:#333;
                font-weight:bold;
            }
.video-detail{
	
	}
    .video-detail .other{
        position:relative;
		margin:10px 0;
        padding-left:10px;
	    }
	.video-detail .other .time{
		font-weight:bold;
	    color:#333;
		margin-left:5px;
		}
	.video-detail .other .date{
		margin-left:20px;
		color:#999;
		}
	.video-detail .text{
		padding:20px 30px;
		border-bottom:1px solid #dcdcdc;
        
		}
        .video-detail .text .video-box {
            margin-bottom:20px;
        }
	    .video-detail .text p{
			font-size:14px;
			line-height:24px;
			margin:10px 0;
            text-indent:2em;
			}

.jobs {
    padding-top:10px;
}
    .jobs .post-list {
        border-bottom:1px solid #dcdcdc;
        padding-bottom:15px;
        padding-left:10px;
        margin-bottom:30px;
    }
        .jobs .post-list a {
            display:inline-block;
            padding:5px 10px;
            margin-right:10px;
            border-radius:3px;
        }
            .jobs .post-list a.current,
            .jobs .post-list a:hover{
                color:#fff;
                background:#5a0f02;
            }
    .jobs .post-info {
        padding-left:10px;
        line-height:20px;
        font-size:14px;
    }
        .jobs .post-info .post-name {
            font-size:24px;
            color:#333;
            margin-bottom:20px;
        }
        .jobs .post-info .post-title {
            display:block;
            font-size:16px;
            color:#5a0f02;
            margin-bottom:5px;
        }
    .jobs .jobs-share {
        position:relative;
        height:30px;
        margin:20px 0;
    }
        .jobs .jobs-share .share-box {
            left:10px;
        }

.contact-list {
    padding-top:10px;
}
     .contact-list .contact-block {
        line-height:24px;
        margin-bottom:50px;
        padding-left:10px;
    }
        .contact-list .contact-block .contact-name {
            font-size:24px;  
            color:#333;
            margin-bottom:10px;
        }
        .contact-list .contact-block .contact-info {
            font-size:14px;
            color:#666;

        }
.message{
	padding:10px;
	}
.message .title{
	font-size:24px;
	margin-bottom:10px;
	}
.message input.email{
	width:500px;
	height:20px;
	border:1px solid #999;
	border-radius:3px;
	margin-bottom:10px;
	padding:5px;
	}
.message .text{
	width:500px;
	height:200px;
	border:1px solid #999;
	border-radius:3px;
	padding:5px;
	margin-bottom:10px;
	}
.message input.send{
	width:200px;
	height:36px;
	border-radius:3px;
	color:#5a0f02;
	background:#dcdcdc;
	cursor:pointer;
	font-size:14px;
	}
.message input.send:hover {
    color:#fff;
	background:#5a0f02;
	}

.product-main {
    width:1160px!important;
    padding:30px 20px;
}
.recommend {

}
.reco-line {
    position:relative;
    height:300px;
    margin-bottom:20px;
    clear:both;
}
    .reco-line .title {
        float:left;
        margin-right:20px;
    }
    .reco-line .more {
        position:absolute;
        right:0;
        bottom:0;
    }
        .reco-line .more .arrow {
            font-size:60px;
            line-height:40px;
            color:#999;
        }
            .reco-line .more .arrow:hover {
                color:#5a0f02;
            }
    .reco-line ul {
        float:left;
    }
.reco-line li{
    display:inline-block;
	width:200px;
	height:300px;
	margin:0 20px 20px 5px;
    border:1px solid #fff;
    border-radius:3px;
	}
	.reco-line li .pic{
        position:relative;
		width:200px;
		height:270px;
		}
        .product-list li .pic img {
            width:200px;
            height:270px;
        }
	.reco-line li .info  {
        white-space:nowrap;
	    text-overflow:ellipsis;
        overflow:hidden;
        font-size:16px;
        text-align:center;
        height:30px;
        line-height:30px;
	    }
    .reco-line li:hover {
        border:1px solid #5a0f02;
    }
        .reco-line li:hover .info {
            background:#5a0f02;
            color:#fff;
        }
    .product-sidebar .product-navtitle {
        font-size:24px;
        margin-bottom:15px;
        padding-left:30px;
    }
	.product-sidebar ul.side-nav li {
		height:40px;
	}
	.product-sidebar ul.side-nav li a {
		height:40px;
		}
	.product-sidebar ul.side-nav li a span{
		font-size:16px;
		}
	.product-sidebar ul.side-nav li.current{
		background:#5a0f02 url(../images/sidebar_bg.png) no-repeat bottom;
		}

.product-miantext {
    margin-left:280px;
    margin-bottom:30px;
    padding:0px 20px;
    width:860px;
    min-height:1000px;
}
.product-list{
	padding-top:20px;
	}
.product-list li{
    display:inline-block;
	width:200px;
	height:300px;
	margin:0 5px 20px 5px;
    border:1px solid #fff;
    border-radius:3px;
	}
	.product-list li .pic{
        position:relative;
		width:200px;
		height:270px;
		}
        .product-list li .pic img {
            width:200px;
            height:270px;
        }
	.product-list li .info  {
        white-space:nowrap;
	    text-overflow:ellipsis;
        overflow:hidden;
        font-size:16px;
        text-align:center;
        height:30px;
        line-height:30px;
	    }
    .product-list li:hover {
        border:1px solid #5a0f02;
    }
        .product-list li:hover .info {
            background:#5a0f02;
            color:#fff;
        }
.green header{
    border-top: 5px solid #060;
}
.green header .head-phone {
		color:#060;
		background:url(../images/phone_bg2.png) no-repeat;
    }
.green header .head-nav a:hover{
			border-bottom:2px solid #060;
			}
.green .product-sidebar ul.side-nav li.current{
		background:#060 url(../images/sidebar_bg.png) no-repeat bottom;
		}
    .green .product-list li:hover {
        border:1px solid #060;
    }
        .green .product-list li:hover .info {
            background:#060;
            color:#fff;
        }
.green .page a:hover,
.green .page a.current{
		color:#fff;
		background:#060;
		border-color:#060;
		}

.product-introduce {
    position:relative;
    margin-bottom:20px;
}
    .product-introduce .product-pic {
        width:300px;
        height:400px;
        float:left;
        border:1px solid #dcdcdc;
    }
        .product-introduce .product-pic img {
            width:300px;
            height:400px;
        }
    .product-introduce .product-info {
        position:relative;
        margin-left:330px;
        height:410px;
    }
        .product-introduce .product-info .title {
            font-size:24px;
            width:530px;
            height:36px;
            font-weight:bold;
            color:#5a0f02;
            margin-bottom:20px;
            overflow:hidden;
        }
        .product-introduce .product-info .text {
            text-indent:2em;
            margin-bottom:20px;
            font-size:14px;
            line-height:24px;
            width:530px;
            height:172px;
            overflow:hidden;
        }
        .product-introduce .product-info .norm {
            position:absolute;
            bottom:10px;
            left:0;
        }
                .product-introduce .product-info .norm ul li {
                    float:left;
                    text-align:center;
                    margin-right:10px;
                }
        .product-introduce .product-info .buy-btn {
            position:absolute;
            bottom:45px;
            right:0;        
        }
            .product-introduce .product-info .buy-btn a.tm {
                display:block;
                width:200px;
                height:50px;
                background:url(../images/gototm.png) no-repeat;
            }
    .product-introduce .product-share {
        position:absolute;
        bottom:5px;
        right:0;
        height:25px;
        width:200px;
    }
.product-detail {
    border-top:1px solid #dcdcdc;
    text-align:center;
    padding-top:20px;
}


.kitchen-main {
    width:1200px;
    padding:30px 0 20px;
}
.kitchen-maintitle {
    width:1160px;
    height:420px;
    background:url(../images/kitchen_title.png) no-repeat;
}
.recipe-list {
    padding:20px 0 20px 18px;
}
.feast-title {
    font-size:18px;
    margin-bottom:20px;
}
.recipe-list ul {

}
    .recipe-list ul li {
		position:relative;
        float:left;
        width:380px;
        height:250px;
        margin-right:14px;
    }
        .recipe-list ul li .popout {
			position:absolute;
            width:360px;
            height:0px;
			left:0;
			bottom:60px;
			color:#fff;
			line-height:40px;
			padding:0 10px;
			background:rgba(0,0,0,0.60);
			overflow:hidden;
			font-size:16px;
			white-space:nowrap;
	        text-overflow:ellipsis;
		    overflow:hidden;
        }
		.recipe-list ul li:hover .popout {
            height:40px;
        }
		.recipe-list ul li .pic {
            width:380px;
            height:190px;
            margin-bottom:5px;
        }
		.recipe-list ul li .pic img{
			width:380px;
			height:190px;
			}
        .recipe-list ul li .title {
            font-size:16px;
            margin-bottom:5px;
            padding:0 5px;
        }
        .recipe-list ul li .info {
            color:#999;
            padding:0 5px;
			white-space:nowrap;
	        text-overflow:ellipsis;
		    overflow:hidden;
        }
.kitchen-main .readmore{
	text-align:center;
	width:100%;
	margin:50px 0;
	}
.kitchen-main .readmore a{
	display:block;
	width:200px;
	height:45px;
	margin:auto;
	line-height:43px;
	color:#999;
	border:1px solid #999;
	border-radius:3px;
	font-size:16px;
	}
.kitchen-main .readmore a:hover{
	color:#5a0f02;
	border-color:#5a0f02;}

.page-box {
    margin:30px 0;
    padding-right:20px;
}

.kitchen-sidebar .recipe-reco {
    width:248px;
    height:398px;
    overflow:hidden;
    border:1px solid #dcdcdc;
    margin-bottom:30px;
}
.kitchen-miantext {
    margin-left:280px;
    margin-bottom:30px;
    width:900px;
    min-height:1000px;
}
    .kitchen-miantext .kitchen-title {
        font-size:36px;
        padding:0 20px;
        font-weight:bold;
    }
    .kitchen-miantext .kitchen-share {
        position:relative;
        height:30px;
        margin:10px 0;
    }
    .kitchen-miantext .kitchen-share .share-box{
        left:20px;
    }
    .kitchen-miantext .material {
        width:650px;
        padding:20px 20px 20px 150px;
        border:1px solid #dcdcdc;
        min-height:90px;
        font-size:14px;
        line-height:24px;
        margin:20px;
        background:url(../images/material.png) no-repeat;
    }
    .kitchen-miantext .recipe-step {

    }
        .kitchen-miantext .recipe-step li {
            display: block;
            margin-bottom:30px;
            padding:0 20px;
            display:table;
        }
            .kitchen-miantext .recipe-step li .pic {
                    width: 220px;
                    display: inline-block;
                    position: relative;
                    display:table-cell;
            }
                .kitchen-miantext .recipe-step li .pic img {
                    width:220px;
                }
            .kitchen-miantext .recipe-step li .info {
                    position: relative;
                    width:600px;
                    display: table-cell;
                    vertical-align:middle;
                    color: #666;
                    font-size: 16px;
                    padding-left:20px;
            }
                .kitchen-miantext .recipe-step li .info .recipe-nums {
                    height: 47px;
                    width:38px;
                    margin-bottom:5px;
                }

.network-main {
    width:1160px!important;
    padding:20px;
	position:static!important;
}

.area-choose {
   height:160px;
   margin-bottom:20px;
}
    .area-choose .title {
        font-size:24px;
        margin-bottom:5px;
    }
    .area-choose a {
        display:inline-block;
        font-size:16px;
        padding:2px 5px;
        margin-right:10px;
    }
        .area-choose a:hover {
            color:#ae3a38;
        }
        .area-choose a.current {
            color:#ae3a38;
            font-weight:bold;
        }
    .area-choose .province {
        padding:10px;
        border-bottom:1px solid #999;
    }
    .area-choose .city {
        padding:10px;
    }

.network-sidebar {

}
.network-sidebar .affiliate {
    width:210px;
    height:160px;
    padding:20px;
    background:#ae3a38;
    color:#fff;
    margin-bottom:20px;
    cursor:default;
}
    .network-sidebar .affiliate .title {
        font-size:24px;
        margin-bottom:20px;
    }
    .network-sidebar .affiliate p {
        font-size:14px;
        line-height:24px;
    }
.network-miantext {
    margin-left:280px;
    margin-bottom:30px;
    padding:0px 20px;
    width:860px;
    min-height:700px;
}
.network-miantext .network-title {
	font-size: 14px;
    color: #666;
    border-bottom: 2px dashed #dcdcdc;
    padding: 10px 10px 10px 0;
    margin-bottom: 20px;
	}
.network-miantext .network-title span{
	font-size: 24px;
    color: #333;
    margin-right: 5px;
	}
network-miantext .network-map1{
	margin-bottom:10px;
	}
.network-miantext .text{
	color:#999;
	}
.network-map {
	margin-top:-40px;
    width:850px; 
    height:500px; 
    font-size:14px;
}
#stateTip{pointer-events:none;}
.mapTipText{ background:#ae3a38; padding:3px; min-width:280px}
.mapTipText .mapTipList{padding:10px;}
.mapTipText .mapTipList h2{color:#fff; font-fize:24px; margin-bottom:10px;}
.mapTipText .mapTipList div{color:#fff; font-size:14px; line-height:16px;}
.network-miantext .network-none {
        padding-top:60px;
        font-size:24px;
        color:#999;
        text-align:center;
        line-height:48px;
    }